<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title> 
</head>

<body>
    <form class="a">
        <label for="username">用户名:</label>
        <input type="text" placeholder="输入你的姓名" />
        <div>
            登录：<input type="text" placeholder="请输入手机号/账号">
        </div>
        <div>
            密码：<input type="password" placeholder="请输入密码">
        </div>
        <div>
            性别：
            男：<input type="radio" name="sex" checked>
            女：<input type="radio" name="sex">
        </div>
        <div>
            爱好：
            吃饭睡觉打豆豆: <input type="checkbox" name="hobby">
            乒乓球: <input type="checkbox" name="hobby">
            黑神话悟空: <input type="checkbox" name="hobby">
            篮球: <input type="checkbox" name="hobby" checked>
            羽毛球: <input type="checkbox" name="hobby">
            CSGO: <input type="checkbox" name="hobby" checked>
        </div>
        <div>
            日期：
            <input type="month">
        </div>
        <div>
            颜色选择器：
            <input type="color">
        </div>
        <div>
            选择省份：
            <select>
                <option>请选择</option>
                <option>江西省</option>
                <option>四川省</option>
                <option>上海市</option>
                <option>重庆市</option>
                <option>北京市</option>
                <option>天津市</option>
                <option>江苏省</option>
                <option>安徽省</option>
            </select>
        </div>
        <div>
            选择文件：
            <input type="file">
        </div>
        <div>
            评论：
            <textarea rows="5" cols="50" placeholder="请输入评论"></textarea>
        </div>
        <div>
            <input type="submit" value="登录">
            <!-- <button>登录</button> -->
        </div>
    </form>
</body>

</html>